@charset "utf-8";
/* CSS Document */


/**common**/
*{ margin:0; padding:0;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; font:14px/1.5 Arial,Helvetica,\5FAE\8F6F\96C5\9ED1,sans-serif;}
table,td,tr,th { border-collapse: collapse; border-spacing: 0; font-size:14px;}
ol,ul {list-style:none;}
li { list-style-type:none;}
img { border:0;}
h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:normal;}
.clear { clear:both; *zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #303030;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #303030;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #303030;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #303030;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */
	color: #303030;
}

.fl { float:left;}
.fr { float:right;}
@font-face { font-family: "Helvetica"; src: url('../fonts/Helvetica.ttf'); }
@font-face { font-family: "HelveticaBold"; src: url("../fonts/HelveticaBold.ttf");}
@font-face { font-family: "Helvetica-Roman-SemiB"; src: url("../fonts/Helvetica-Roman-SemiB.ttf");}
@font-face { font-family: "OppoSansBold"; src: url("../fonts/OppoSansBold.ttf");}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:3px;}/* 滚动槽宽度 */
::-webkit-scrollbar-track { background-color:rgba(255,255,255,0.11); border-radius:0px;}
::-webkit-scrollbar-thumb { background-color:#008fe9;} /* 滚动条滑块默认状态 */
::-webkit-scrollbar-thumb:window-inactive { background-color:#008fe9;} /* 滚动条滑块点击状态 */


/*头部 开始*/
.ly_top { width:100%; height:100px; margin:0; padding:0; background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:9999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_top .lytop_main { width:1400px; height:auto; margin:0 auto; padding:0; position:relative;}
.lytop_main .ly_logo { width:26%; height:60px; overflow:hidden; margin:20px 0; padding:0; float:left;}
.ly_logo a { display: table-cell; vertical-align: middle; width:100%; height:60px; overflow:hidden; margin:0; padding:0;}
.ly_logo a img { display:inline-block; max-width:100%; height:auto; max-height:100%; margin:0; padding:0;}
.ly_logo a img.logo2 { display:none;}

.lytop_main .lytop_right { margin:30px 0 30px 30px; float:right;}
.lytop_right .lytop_tel {height:40px; overflow:hidden; line-height:40px; color:#fff; font-size:32px; font-weight:bold; margin:0 20px 0 0; padding:0; float:left;}
.lytop_right .lytop_tel img { display:block; width:32px; height:32px; overflow:hidden; margin:4px 8px 4px 0; padding:0; float:left;}

.lytop_right .lytop_search { height:40px; margin:0; padding:0; float:left; position:relative; z-index:2;}
.lytop_search form { width:40px; height:40px; margin:0; padding:0; position:relative;}
.lytop_search form .sc_ipt { width:0; height:40px; overflow:hidden; margin:0; padding:0; position:absolute; left:0; top:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lytop_search form .sc_ipt input { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#999999; font-size:14px; margin:0; padding:0 14px; background-color:#fff; border:1px solid #dfdfdf; border-right:0; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lytop_search form .sc_btn { width:40px; height:40px; overflow:hidden; margin:0; padding:0; float:right;}
.lytop_search form .sc_btn input { display:block; width:40px; height:40px; overflow:hidden; margin:0; padding:0; background:url(../images/SSbtn_icon1.png) center center no-repeat; background-size:40px 40px; border:0; outline:none; cursor:pointer;}
.lytop_search:hover form .sc_ipt { width:260px; left:-260px;}
.lytop_search:hover form .sc_btn input { background:#008fe9 url(../images/SSbtn_icon1.png) center center no-repeat;}

.fxd .ly_top { background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.fxd .ly_logo a img.logo1 { display:none;}
.fxd .ly_logo a img.logo2 { display:inline-block;}
.fxd .lytop_search form .sc_btn input { background:url(../images/SSbtn_icon2.png) center center no-repeat;}
.fxd .lytop_search:hover form .sc_btn input { background:#008fe9 url(../images/SSbtn_icon1.png) center center no-repeat;}

.fxd .lytop_right .lytop_tel{ color:#008fe9;}

@media (max-width:1440px) {
	.lytop_main .ly_logo { width:24%;}
	.ly_top .lytop_main { width:94%;}
	.lytop_main .lytop_right { margin:30px 0 30px 20px;}
	.lytop_right .lytop_tel { font-size: 28px;}
}
@media (max-width:1280px) {	
	.ly_top { height:80px;}
	.lytop_main .ly_logo { margin:10px 0;}
	.lytop_main .lytop_right { margin:20px 60px 20px 20px;}
	
	.lytop_search form { width:280px; background-color:#f5f5f5;}
	.lytop_search form .sc_ipt { width: 240px; left: 0;}
	.lytop_search:hover form .sc_ipt { width: 240px; left: -240px; left: 0;}
	.lytop_search form .sc_btn input { background:#008fe9 url(../images/SSbtn_icon1.png) center center no-repeat;}
	.fxd .lytop_search form .sc_btn input { background:#008fe9 url(../images/SSbtn_icon1.png) center center no-repeat;}
}
@media (max-width:1200px) {
	.lytop_main .ly_logo { width:30%;}
	.lytop_main .lytop_right { margin: 20px 60px 20px 0;}
	.lytop_right .lytop_tel { margin:0 24px 0 0; display:none;}
}
@media (max-width:1024px) {
	
}
@media (max-width:800px) {
	.ly_top { width:100%; height: auto; margin:0; padding:0;}
	.lytop_main .ly_logo { width:50%; height:50px; margin:15px 0;}
	.ly_logo a { height:50px;}

}
@media (max-width: 767px) {
	.ly_top { width:100%; height: auto; margin:0; padding:0 0 20px; background-color:#fff; position:inherit; left:inherit; top:inherit; -webkit-animation-fill-mode: inherit!important;  animation-fill-mode: inherit!important;}
	.ly_top .lytop_main { width:92%;}
	.lytop_main .ly_logo { width:80%; height:50px; margin:0; padding:15px 0; background:none;}
	.ly_logo a { height:50px;}
	.lytop_main .lytop_right { width:100%; margin:0 auto; padding: 0;}
	.lytop_right .lytop_tel { position:absolute; top:20px; right:60px; margin:0; float:inherit; display:none;}
	.lytop_right .lytop_search { width:100%; margin:0;}
	.lytop_search form { width:100%; padding:0 40px 0 0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.lytop_search form .sc_ipt { width:100%; position:inherit; left:inherit; top:inherit;}
	.lytop_search:hover form .sc_ipt { width:100%; left:0;}
	.lytop_search:hover form .sc_ipt { left: 0;}
	.lytop_search form .sc_btn { position:absolute; top:0; right:0;}	
	.ly_logo a img.logo1 { display:none;}
	.ly_logo a img.logo2 { display:inline-block;}
}

/*导航栏 开始*/
.ly_nav { width:auto; height:auto; margin:0; padding:0; float:right;}
.ly_nav li, .ly_nav a {	text-decoration: none; list-style: none;}
.ly_nav ::-webkit-scrollbar { display: none;}
.ly_nav .nav_list { width:100%; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li { display:inline-block; width:auto; position: relative; list-style: none; padding:0 20px; float:left; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li:last-child { background:none;}
.ly_nav .nav_list > ul > li:hover {}
.ly_nav .nav_list > ul > li > a { display: inline-block; width:100%; line-height: 60px; color: #fff; font-size: 16px; text-align:center; padding: 20px 0; margin: 0; text-decoration: none; position:relative; z-index:1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li:hover, .ly_nav .nav_list > ul > li.active {}
.ly_nav .nav_list > ul > li:hover > a, .ly_nav .nav_list > ul > li.active > a { color: #fff;}
.ly_nav .nav_list > ul > li > em { display:block; width:100%; height:0; overflow:hidden; background-color:#008fe9; margin:0; padding:0; position:absolute; bottom:0px; left:0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.ly_nav .nav_list > ul > li:hover > em, .ly_nav .nav_list > ul > li.active > em { height:100%;}
.ly_nav .nav_list > ul > li i { display:inline-block; width:20px; height:20px; background:url(../images/down.png) center center no-repeat; background-size:20px 20px; vertical-align:middle; cursor:pointer; margin:0; display:none;}
.ly_nav .nav_list > ul > li i.cur{ background:url(../images/up.png) center center no-repeat; background-size:10px 10px; text-decoration:none;}
.ly_nav .nav_list > ul > li ul { display:none; width:160%; overflow:hidden; background-color:#fff; box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); position:absolute; left:-30%; top:100px; z-index:9;}
.ly_nav .nav_list > ul > li:hover ul { display:block;}
.ly_nav .nav_list > ul > li ul li { width:100%; overflow:hidden; margin:0 auto; padding:0; border-bottom:1px solid rgba(85, 87, 89, 0.1);}
.ly_nav .nav_list > ul > li ul li:last-child { border:0;}
.ly_nav .nav_list > ul > li ul li a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#555; font-size:14px; text-align:center; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ly_nav .nav_list > ul > li ul li a:hover { color:#008fe9;}
.ly_nav .nav_menu { display: none;}

.fxd .ly_nav .nav_list > ul > li > a { color:#333;}
.fxd .ly_nav .nav_list > ul > li:hover > a, .fxd .ly_nav .nav_list > ul > li.active > a { color: #fff;}
@media (max-width:1366px) {
	.ly_nav .nav_list > ul > li { padding:0 16px;}
}
@media (max-width:1280px) {
	.ly_nav { height:0; margin:0;}
	.ly_nav .nav_list { width: 60%; height: 100%; margin:0; padding: 0; position:fixed; top: 0; left: -100%; z-index: 9999; transition: 0.5s; -webkit-transition: 0.5s;}
	.ly_nav .nav_list ul { width:60%; height:100%; background-color: #fff; position:relative; z-index:9999;}
	.ly_nav .nav_list .nav_mask { width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); position:absolute; left:0; top:0; z-index:9998;}
	.ly_nav .nav_list ul > li { width: 100%; overflow: hidden; margin:0 auto; padding:0; background:none; box-sizing:border-box; position:relative;}
	.ly_nav .nav_list ul > li a { display:block; width: 100%; line-height:60px; color:#555; font-size:16px; text-align:left; padding:0 60px 0 20px; border-bottom:1px solid rgba(85, 87, 89, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.ly_nav .nav_list > ul > li:hover, .ly_nav .nav_list > ul > li.active { background-color:#008fe9;}
	.ly_nav .nav_list > ul > li:hover > a, .ly_nav .nav_list > ul > li.active > a { color: #fff; border-bottom:1px solid #008fe9;}
	.ly_nav .nav_list > ul > li > em { display:none;}
	.ly_nav .nav_list > ul > li i { display:block; width:60px; height:60px; background-size:20px 20px; position:absolute; top:0; right:0; z-index:2;}
	.ly_nav .nav_list > ul > li:hover i, .ly_nav .nav_list > ul > li.active i, .ly_nav .nav_list > ul > li i.cur { background-size:20px 20px; background:url(../images/down1.png) center center no-repeat;}
	.ly_nav .nav_list > ul > li ul { width:100%; overflow:hidden; position:inherit; left:inherit; top:inherit; box-shadow:none; border:0; border-radius:0; border-bottom:1px solid rgba(85, 87, 89, 0.1);}
	.ly_nav .nav_list > ul > li:hover > em, .ly_nav .nav_list > ul > li.active > em { display:none;}
	.ly_nav .nav_list > ul > li ul li a { height:48px; line-height:48px; color:#888; text-align:left; border:0; padding:0 40px;}
	
	.ly_nav .nav_menu { display: block; width:22px; padding:11px 9px; background-color:#008fe9; border-radius:0; margin: 0; position:absolute; top:20px; right:0;}
	.ly_nav .nav_menu span { display: block; width: 100%; height: 2px; background-color: #fff; border-radius: 1px;}
	.ly_nav .nav_menu span + span { margin-top: 6px;}
	.ly_nav .open { width:100%; overflow: auto; left: 0%;}
	
	.ly_nav .nav_menu:active { background-color:#008fe9;}
}
@media (max-width:1200px) {
	
}
@media (max-width:1080px) {
	
}
@media (max-width:1024px) {
	
}
@media (max-width:800px) {
	.ly_nav .nav_menu { top:20px;}
}
@media (max-width: 767px) {
	
}
@media (max-width: 375px) {
	
}
@media (max-width: 320px) {
	
}
/*导航栏 结束*/
/*头部 结束*/

/*ly_foot 开始*/
.ly_links { width:100%; overflow:hidden; margin:0 auto; padding:0 0 30px; border-bottom:1px solid rgba(255,255,255,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lylink_main { width:100%; height:102px; max-width:1400px; overflow:hidden; margin:0 auto; padding:0 0 0 120px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lylink_main .lylink_tit { width:110px; height:102px; overflow:hidden; line-height:26px; color:#fff; font-size:17px; text-align:center; margin:-51px 0 0; padding:25px 13px 25px 5px; background:url(../images/lkbg.png) center center no-repeat; position:absolute; left:0; top:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lylink_tit span { font-size:19px; font-weight:bold;}
.lylink_main p { width:100%; height:70px; overflow-y:scroll; line-height:30px; color:#d2d2d2; font-size:15px; margin:16px 0; padding:5px 20px 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lylink_main p a { color:#d2d2d2;}
.lylink_main p a:hover { color:#fff;}

.lyFt_scroll { width:80px; height:60px; margin:0 0 0 -40px; padding:10px 0; background-color:#fff; border-radius:50%; box-shadow:0 5px 10px rgba(0,0,0,0.05); position: absolute; left:50%; top:0; z-index:99;}
.lyFt_scroll img { display:block; width:36px; height:36px; overflow:hidden; margin:0 auto 4px; padding:0;}
.lyFt_scroll span { display:block; width:100%; overflow:hidden; line-height:20px; color:#d3d3d3; font-size:12px; text-align:center; margin:0 auto; padding:0;}

.ly_foot { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:100px 0 0; background-color:#fafafa; position:relative;}
.ly_foot1 { background-color:#fff;}
.ly_foot .lyFoot_container { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; background-color:#3c434d;}
.ly_foot .lyFoot_main { width:1400px; height:auto; margin:0 auto; padding:0;}
.lyFoot_main .lyFoot_fl { width:40%; height:auto; margin:0; padding:50px 50px 50px 0; border-right:1px solid rgba(255,255,255,0.1); float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_fl .lyFootFl_logo { width:250px; height:60px; overflow:hidden; margin:0 0 20px; padding:0;}
.lyFoot_fl .lyFootFl_text { width:100%; overflow:hidden; margin:0; padding:0;}
.lyFootFl_text dl dd { width:100%; overflow:hidden; line-height:30px; color:#9297a1; font-size:15px; margin:0 0 5px; padding:0 0 0 25px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFootFl_text dl dd img { display:block; width:20px; height:20px; margin:0; padding:0; position:absolute; left:0; top:5px;}
.lyFoot_fl .lyFootFl_ico { margin:12px 0 0;}
.lyFootFl_ico a { display:block; width:36px; height:36px; margin:0 12px 0 0; padding:0; background-color:#333941; border-radius:50%; float:left; position:relative;}
.lyFootFl_ico p{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;} 
.lyFootFl_ico a img.ftIco { display:block; width:30px; height:30px; margin:3px auto; padding:0; opacity:0.6;}
.lyFootFl_ico a span { display:none; width:100px; height:100px; overflow:hidden; margin:0 0 0 -50px; padding:0px; background-color:#fff; border-radius:3px; position:absolute; left:50%; bottom:40px; z-index:9;}
.lyFootFl_ico a span img { display:block; width:100px; height:100px; overflow:hidden; margin:0 auto; padding:0;}
.lyFootFl_ico a:hover { background-color:#22a243;}
.lyFootFl_ico a:hover img.ftIco { opacity:1;}
.lyFootFl_ico a:hover span { display:block;}

.lyFoot_main .lyFoot_fr { width:60%; height:auto; margin:0; padding:60px 0 60px 120px; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_fr ul li { width:30%; height:auto; margin:0; padding:0 20px 0 0; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_fr ul li:nth-child(3) { width:40%; padding:0;}
.lyFoot_fr ul li p { width:100%; height:20px; height:auto; line-height:20px; color:#d4d4d4; font-size:17px; font-weight:bold; margin:0 auto 10px; padding:0;}
.lyFoot_fr ul li p img { display:block; width:15px; height:12px; margin:4px 5px 4px -10px; padding:0; float:left;}
.lyFoot_fr ul li .ft1_list { width:100%; max-height:216px; overflow:hidden; margin:0; padding:0;}
.lyFoot_fr ul li .ft1_list a { display:block; width:100%; height:36px; overflow:hidden; line-height:36px; color:#d2d2d2; font-size:14px; white-space: nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 0 0 12px; background:url(../images/ftjt1.png) center left no-repeat; background-size:6px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.lyFoot_fr ul li .ft1_list a:hover { color:#fff; background:url(../images/ftjt2.png) center left no-repeat; background-size:6px 8px;}

.lyFoot_copy { width:100%; overflow:hidden; margin:0 auto; padding:10px 0; background-color:#333941;}
.lyFoot_copy .lyFootCopy_main { width:1400px; overflow:hidden; margin:0 auto; padding:0;}
.lyFootCopy_main p { height:40px; line-height:40px; color:#d4d4d4; font-size:14px; margin:0; padding:0;}
.lyFootCopy_main p a { color:#d4d4d4; font-size:14px;}
.lyFootCopy_main p a:hover { color:#fff;}

.ly_foot:after{content:'';position:absolute;top: 0;left:0;width:7584px;height:100px;background:url(../images/float1.png) repeat-x;z-index:10;animation: wave 15s linear infinite;}
@keyframes wave {
    100% {
        transform: translateX(-50%);
    }
}
@media (max-width:1440px) {
	.lylink_main { width:94%; height:102px; max-width: inherit;}
	.ly_foot .lyFoot_main { width:94%;}
	.lyFoot_copy .lyFootCopy_main { width:94%;}
}
@media (max-width:1280px) {
	.lyFoot_main .lyFoot_fr { padding: 60px 0 60px 100px;}
}
@media (max-width:1200px) {
	.lyFoot_main .lyFoot_fr { padding: 60px 0 60px 80px;}
}
@media (max-width:1080px) {
	.lylink_main { max-width: 94%;}
	
	.ly_foot .lyFoot_main { width:94%;}
	.lyFoot_copy .lyFootCopy_main { width:94%;}
	.lyFoot_main .lyFoot_fr { padding: 60px 0 60px 60px;}
}
@media (max-width:1024px) {
	
}
@media (max-width:800px) {
	.lyFoot_main .lyFoot_fl { width:100%; padding:30px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,0.1); float:inherit;}
	.lyFoot_main .lyFoot_fr { width:100%; padding:30px 0; float:inherit;}
	.lyFootCopy_main p { float:inherit!important; height:auto; line-height:30px;}
	
}
@media (max-width:767px) {
	.lylink_main { max-width: 92%;}
	
	.ly_foot .lyFoot_main { width:92%;}
	.lyFoot_copy .lyFootCopy_main { width:92%;}
	.lyFoot_main .lyFoot_fl { padding:12px 0; border:0;}
	.lyFoot_main .lyFoot_fr { display:none;}
	.lyFoot_fl .lyFootFl_ico { display:none;}
	.ly_links { padding:0 0 20px;}
	.lylink_main p { height:90px; font-size:14px; margin:6px 0}
}
@media (max-width:375px) {
	
}
@media (max-width:320px) {
	
}
/*ly_foot 结束*/

/*网站右侧漂浮*/
.f_pf1 { margin:-90px 0 0; position:fixed;top:50%;right:10px;z-index:999;}
.f_pf1 a.qqa {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;}
.f_pf1 a.qqa:hover { background:#008fe9;}
.f_pf1 a.qqa:after {content:'';display:block;width:24px;height:24px;background:url(../images/slidebar_icon.png) top center no-repeat;overflow:hidden;margin:9px 10px;}
.f_pf1 .tela>a {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;}
.f_pf1 .tela>a:hover { background:#008fe9;}
.f_pf1 .tela>a:after {content:'';display:block;width:24px;height:24px;background: url(../images/slidebar_icon.png) center -27px no-repeat;overflow:hidden;margin:9px 10px;}
.f_pf1 .tela .wz {position:absolute;top:40px;left:-224px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.f_pf1 .tela:hover .wz{display:block;}
.f_pf1 .tela p {background:#fff;padding:5px;width:200px;height:40px;overflow:hidden;font-size:18px;font-weight:bold;color:#008fe9;line-height:40px;text-align:center;}
.f_pf1 .tela p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;}
.f_pf1 .wxa {position:relative;}
.f_pf1 .wxa>span {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px;}
.f_pf1 .wxa>span:hover { background:#008fe9;}
.f_pf1 .wxa>span:after {content:'';display:block;width:24px;height:24px;background: url(../images/slidebar_icon.png) center -52px no-repeat;overflow:hidden;margin:9px 10px;}
.f_pf1 .wxa .code {position:absolute;top:-44px;left:-144px;z-index:999;display:none;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.f_pf1 .wxa:hover .code{display:block;}
.f_pf1 .wxa .code p {background:#fff;padding:5px;width:120px;height:120px;overflow:hidden; position:relative;}
.f_pf1 .wxa .code p img { display:block; max-width:100%;max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0;}
.f_pf1 .wxa .code p em {width:0;height:0;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent #fff;margin-top:-4px;position:absolute;top:50%;right:-6px;}
.f_pf1 a.totop {display:block;width:44px;height:44px;overflow:hidden;background:rgba(0,0,0,.5);margin-bottom:2px; cursor:pointer;}
.f_pf1 a.totop:hover { background:#008fe9;}
.f_pf1 a.totop:after {content:'';display:block;width:24px;height:24px;background: url(../images/slidebar_icon.png) center -76px no-repeat;overflow:hidden;margin:9px 10px;}

@media (max-width:800px) {
	.my-kefu-liuyan,.my-kefu-weixin,.my-kefu-tel-right { display:none;}
	.client-2 {right:0;}
	.client-2 li { height:48px; position: static; margin:0;}
	.client-2 .my-kefu-tel-main,.client-2 .my-kefu-main { width:48px;border-radius: 48px; height:40px; padding:4px 0;}
	.my-kefu-main { background: #008fe9 !important;}
	.client-2 li a p{ display:none;}
	.client-2 .my-kefu-left { height:48px;}
	.client-2 .my-kefu-ftop i { margin: 4px 0 0 8px;}
	.client-2 .my-kefu-ftop { margin-top:10px;}
	.client-2 .my-kefu-tel i { margin: 6px 0 0 8px;}
	.f_pf1 .wxa { display:none!important;}
	.f_pf1 .tela .wz { display:none!important;}
}
/*右侧漂浮 结束*/